import React from 'react';
import PropTypes from 'prop-types';

export default function Icon({ name }) {
	if (name === 'vul') {
		return (
			<svg
				width="46px"
				height="46px"
				viewBox="0 0 46 46"
				version="1.1"
				xmlns="http://www.w3.org/2000/svg"
				xmlnsXlink="http://www.w3.org/1999/xlink"
			>
				<title></title>
				<desc>Created with Sketch.</desc>
				<g
					id="页面-1"
					stroke="none"
					strokeWidth="1"
					fill="none"
					fillRule="evenodd"
				>
					<g id="编组-32">
						<circle
							id="椭圆形"
							stroke="#0B6FD6"
							cx="23"
							cy="23"
							r="22.5"
						></circle>
						<circle
							id="椭圆形"
							stroke="#0B6FD6"
							cx="28"
							cy="28"
							r="4.5"
						></circle>
						<path
							d="M32.3535534,30.8535534 L33.3535534,30.8535534 L33.3535534,34.3535534 C33.3535534,34.6296958 33.1296958,34.8535534 32.8535534,34.8535534 C32.577411,34.8535534 32.3535534,34.6296958 32.3535534,34.3535534 L32.3535534,30.8535534 L32.3535534,30.8535534 Z"
							id="矩形"
							fill="#0B6FD6"
							transform="translate(32.853553, 32.853553) rotate(-45.000000) translate(-32.853553, -32.853553) "
						></path>
						<path
							d="M30.4014428,20.9582447 C29.204368,18.0485521 26.3414165,16 23,16 C18.581722,16 15,19.581722 15,24 C15,27.8406672 17.7064446,31.0492103 21.3161936,31.8224892"
							id="路径"
							stroke="#0B6FD6"
							strokeLinecap="round"
						></path>
						<path
							d="M16,19 C15.0663594,18.1579719 14.3996928,17.1579719 14,16"
							id="路径-4"
							stroke="#0B6FD6"
							strokeLinecap="round"
						></path>
						<path
							d="M16,29 C15.0663594,29.8420281 14.3996928,30.8420281 14,32"
							id="路径-4"
							stroke="#0B6FD6"
							strokeLinecap="round"
						></path>
						<path
							d="M30,19 C30.9336406,18.1579719 31.6003072,17.1579719 32,16"
							id="路径-4"
							stroke="#0B6FD6"
							strokeLinecap="round"
						></path>
						<path
							d="M14.5,23.5 C14.7761424,23.5 15,23.7238576 15,24 C15,24.2761424 14.7761424,24.5 14.5,24.5 L11.5,24.5 C11.2238576,24.5 11,24.2761424 11,24 C11,23.7238576 11.2238576,23.5 11.5,23.5 L14.5,23.5 Z"
							id="路径"
							fill="#0B6FD6"
						></path>
						<path
							d="M23,16 C23.2761424,16 23.5,16.2238576 23.5,16.5 L23.5,21.5 C23.5,21.7761424 23.2761424,22 23,22 C22.7238576,22 22.5,21.7761424 22.5,21.5 L22.5,16.5 C22.5,16.2238576 22.7238576,16 23,16 Z"
							id="路径"
							fill="#0B6FD6"
						></path>
						<path
							d="M26.7891866,16.7752622 C26.7891866,14.2899809 25.209139,12.5 23,12.5 C20.790861,12.5 19.2719763,14.2899809 19.2719763,16.7752622"
							id="路径"
							stroke="#0B6FD6"
							strokeLinecap="round"
						></path>
					</g>
				</g>
			</svg>
		);
	} else if (name === 'securityEvent') {
		return (
			<svg
				width="46px"
				height="46px"
				viewBox="0 0 46 46"
				version="1.1"
				xmlns="http://www.w3.org/2000/svg"
				xmlnsXlink="http://www.w3.org/1999/xlink"
			>
				<title></title>
				<desc>Created with Sketch.</desc>
				<g
					id="页面-1"
					stroke="none"
					strokeWidth="1"
					fill="none"
					fillRule="evenodd"
				>
					<g
						id="主页优化-部分无套餐-常态"
						transform="translate(-467.000000, -198.000000)"
					>
						<g id="安全事件" transform="translate(467.000000, 198.000000)">
							<g id="icon-安全事件">
								<circle
									id="椭圆形备份-2"
									stroke="#0B6FD6"
									cx="23"
									cy="23"
									r="22.5"
								></circle>
								<g id="编组-5" transform="translate(10.000000, 11.000000)">
									<path
										d="M3,5 L23,5 C23.5522847,5 24,5.44771525 24,6 L24,20 L24,20 L2,20 L2,6 C2,5.44771525 2.44771525,5 3,5 Z"
										id="矩形"
										stroke="#0B6FD6"
									></path>
									<path
										d="M4,11 L4,7 L22,7 L22,11 M22,16 L22,20 L4,20 L4,16"
										id="形状"
										stroke="#0B6FD6"
										strokeLinejoin="round"
									></path>
									<g id="编组-6" transform="translate(4.090909, 0.000000)">
										<polygon
											id="三角形"
											stroke="#0B6FD6"
											fill="#FFFFFF"
											strokeLinejoin="round"
											points="8.90909091 0 17.8181818 14 0 14"
										></polygon>
										<line
											x1="8.90909091"
											y1="5"
											x2="8.90909091"
											y2="10"
											id="路径-5"
											stroke="#0B6FD6"
											strokeLinecap="round"
											strokeLinejoin="round"
										></line>
										<path
											d="M8.90909091,12 C9.18523328,12 9.40909091,11.7761424 9.40909091,11.5 C9.40909091,11.2238576 9.18523328,11 8.90909091,11 C8.63294853,11 8.40909091,11.2238576 8.40909091,11.5 C8.40909091,11.7761424 8.63294853,12 8.90909091,12 Z"
											id="椭圆形"
											fill="#0B6FD6"
										></path>
									</g>
									<path
										d="M2,20 L24,20 C25.1045695,20 26,20.8954305 26,22 L26,22 L26,22 L0,22 C-1.3527075e-16,20.8954305 0.8954305,20 2,20 Z"
										id="矩形备份-11"
										stroke="#0B6FD6"
										strokeLinejoin="round"
										transform="translate(13.000000, 21.000000) scale(1, -1) translate(-13.000000, -21.000000) "
									></path>
									<line
										x1="7.5"
										y1="16.5"
										x2="9.5"
										y2="16.5"
										id="路径-3备份"
										stroke="#0B6FD6"
										strokeLinecap="round"
										strokeLinejoin="round"
									></line>
									<line
										x1="11.5"
										y1="16.5"
										x2="15.5"
										y2="16.5"
										id="路径-3备份-2"
										stroke="#0B6FD6"
										strokeLinecap="round"
										strokeLinejoin="round"
									></line>
									<line
										x1="17.5"
										y1="16.5"
										x2="18.5"
										y2="16.5"
										id="路径-3备份-3"
										stroke="#0B6FD6"
										strokeLinecap="round"
										strokeLinejoin="round"
									></line>
								</g>
							</g>
						</g>
					</g>
				</g>
			</svg>
		);
	} else if (name === 'availability') {
		return (
			<svg
				width="46px"
				height="46px"
				viewBox="0 0 46 46"
				version="1.1"
				xmlns="http://www.w3.org/2000/svg"
				xmlnsXlink="http://www.w3.org/1999/xlink"
			>
				<title></title>
				<desc>Created with Sketch.</desc>
				<g
					id="页面-1"
					stroke="none"
					strokeWidth="1"
					fill="none"
					fillRule="evenodd"
				>
					<g
						id="主页优化-部分无套餐-常态"
						transform="translate(-869.000000, -202.000000)"
						stroke="#0B6FD6"
					>
						<g id="可用性" transform="translate(869.000000, 200.000000)">
							<g id="icon-可用性" transform="translate(0.000000, 2.000000)">
								<circle id="椭圆形备份-2" cx="23" cy="23" r="22.5"></circle>
								<circle
									id="椭圆形"
									strokeLinejoin="round"
									cx="23"
									cy="23"
									r="13"
								></circle>
								<path
									d="M29,23 C29,15.8202983 26.3137085,10 23,10 C19.6862915,10 17,15.8202983 17,23 C17,30.1797017 19.6862915,36 23,36"
									id="路径"
									strokeLinejoin="round"
								></path>
								<path
									d="M21.8802923,27.303638 C23.3776928,24.9398811 24.3508592,21.1109648 24.3508592,16.7895755 C24.3508592,12.3815239 23.3382691,8.48589568 21.7895755,6.13507838"
									id="路径"
									strokeLinejoin="round"
									transform="translate(23.070217, 16.719358) rotate(-270.000000) translate(-23.070217, -16.719358) "
								></path>
								<path
									d="M24.2907631,18.6507368 C22.7474376,21.0030508 21.7389931,24.8917442 21.7389931,29.2907631 C21.7389931,33.6712839 22.7389743,37.5457621 24.2713222,39.9010331"
									id="路径"
									strokeLinejoin="round"
									transform="translate(23.014878, 29.275885) rotate(-270.000000) translate(-23.014878, -29.275885) "
								></path>
								<line x1="10" y1="23" x2="36" y2="23" id="路径-3"></line>
								<line x1="23" y1="10" x2="23" y2="36" id="路径-3备份-4"></line>
								<circle
									id="椭圆形"
									fill="#FFFFFF"
									cx="31"
									cy="31"
									r="5.5"
								></circle>
								<line
									x1="29"
									y1="31"
									x2="33"
									y2="31"
									id="路径-6"
									fill="#FFFFFF"
								></line>
							</g>
						</g>
					</g>
				</g>
			</svg>
		);
	} else if (name === 'content') {
		return (
			<svg
				width="46px"
				height="46px"
				viewBox="0 0 46 46"
				version="1.1"
				xmlns="http://www.w3.org/2000/svg"
				xmlnsxXlink="http://www.w3.org/1999/xlink"
			>
				<title></title>
				<desc>Created with Sketch.</desc>
				<g
					id="页面-1"
					stroke="none"
					strokeWidth="1"
					fill="none"
					fillRule="evenodd"
				>
					<g
						id="主页优化-部分无套餐-常态"
						transform="translate(-665.000000, -202.000000)"
					>
						<g id="安全事件备份" transform="translate(665.000000, 200.000000)">
							<g id="icon-安全事件" transform="translate(0.000000, 2.000000)">
								<g id="编组-18" transform="translate(11.000000, 11.000000)">
									<g id="编组" transform="translate(1.000000, 0.999964)">
										<path
											d="M12.949494,21.7854152 L18.5145472,21.7854152 C19.2673934,21.5701386 19.8071099,20.85267 19.8071099,20.0538426 L19.8028685,1.21390079 L3.19253665,1.21462078 L3.1928901,18.1789923 L12.949494,21.7854152 Z M18.6608751,23.000036 L12.7395454,23.000036 L2,19.0307388 L2,1.21390079 C2,0.54467138 2.53476821,0 3.19253665,0 L19.8035754,0 C20.460637,0 20.9954052,0.54467138 20.9954052,1.21390079 L21,20.0538426 C21,21.4524205 20.0665414,22.6566014 18.7297976,22.9831163 L18.6608751,23.000036 Z"
											id="Fill-1"
											fill="#0B6FD6"
										></path>
										<path
											d="M12.9833004,22.000036 L18.6774523,22.000036 C19.4477631,21.7802754 20,21.0478625 20,20.2323964 L19.9956602,1.000036 L3,1.00077098 L3.00036165,18.3184946 L12.9833004,22.000036 Z"
											id="Fill-3"
											fill="#FFFFFF"
										></path>
										<path
											d="M18,22.000036 C16.7097101,22.000036 15.6902651,20.8340456 15.6902651,19.479195 L15.6902651,18.000036 L15.6572438,18.000036 L1.0035129,18.000036 C1.00175645,18.0439312 1,18.0881954 1,18.1324595 C1,20.2593499 2.65773976,22.000036 4.68363193,22.000036 L18,22.000036 Z"
											id="Fill-5"
											fill="#FFFFFF"
										></path>
										<g transform="translate(0.000000, 12.000036)">
											<path
												d="M1,7 C1.27995834,8.86866965 2.82011308,10 4.5,10 L15.779468,10 C15.4006266,9.49644133 15.030372,8.86910288 15.030372,8.18972065 L15,7 L1,7 Z M17.7565447,11.0000703 L4.37536692,11.0000703 C1.96249925,11.0000703 0,9.07972543 0,6.71947 C0,6.67867893 0.00143772839,6.63788787 0.00287545678,6.59744845 L0.0230036542,6 L16,6 L16,8.18972065 C16,9.1708161 16.804409,10 17.7565447,10 L17.7565447,11.0000703 Z"
												id="Fill-7"
												fill="#0B6FD6"
											></path>
											<circle
												id="椭圆形"
												stroke="#0B6FD6"
												fill="#FFFFFF"
												cx="18"
												cy="6"
												r="5.5"
											></circle>
											<polyline
												id="路径-2"
												stroke="#0B6FD6"
												strokeLinecap="round"
												strokeLinejoin="round"
												points="19 3 17 6 19 6 17 9"
											></polyline>
										</g>
										<rect
											id="矩形备份-5"
											fill="#1172d7"
											x="6"
											y="5.000036"
											width="10"
											height="1"
											rx="0.5"
										></rect>
										<rect
											id="矩形备份-6"
											fill="#1172d7"
											x="6"
											y="9.000036"
											width="10"
											height="1"
											rx="0.5"
										></rect>
										<rect
											id="矩形备份-7"
											fill="#1172d7"
											x="6"
											y="13.000036"
											width="5"
											height="1"
											rx="0.5"
										></rect>
									</g>
								</g>
								<circle
									id="椭圆形备份-2"
									stroke="#0B6FD6"
									cx="23"
									cy="23"
									r="22.5"
								></circle>
							</g>
						</g>
					</g>
				</g>
			</svg>
		);
	}
}

Icon.propTypes = {
	name: PropTypes.string,
};
